<template>
  <router-link class="tlink" :to="msg.url" tag="div" :style="{'background-image': 'url('+ msg.img +')'}">{{msg.name}}</router-link>
</template>
<script>
export default {
  props: ["msg"],
  data() {
    return {
      
    };
  },
  mounted() {
    // console.log(this.msg.url)
  },
  methods: {
    
  }
};
</script>
<style>
.tlink {
  /* display: inline-block; */
  /* width: 1.9rem; */
  padding: 0.2rem;
  /* background-color: #333; */
  text-decoration-line: none;
  /* text-align: center; */
  /* border-bottom: 0.01rem solid #ccc; */
  margin-bottom: 0.2rem;
  color: #fff;
  background-size: 0.4rem;
  background-position: 0.2rem center;
  background-repeat: no-repeat;
  text-indent: 1rem;
  filter: brightness(0.5);
}
</style>